<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>10-数组解构的基本使用</title>
  </head>
  <body>
    <script>
      // 原来
      // const arr = [100,60,80]
      // console.log(arr[0])
      // console.log(arr[1])
      // console.log(arr[2])

      // 将数组中的值 对象 的 属性 取出，赋值 给其他变量
      //   const arr = [100, 60, 80]
      //   const max = arr[0]
      //   const min = arr[1]
      //   const avg = arr[2]
      //   console.log(max)
      //   console.log(min)
      //   console.log(avg)

      // 数组解构
      // 1. 基本语法
      const [a, b, c] = [1, 2, 3]
      console.log(a)
      console.log(b)
      console.log(c)

      //  2. 典型的使用场景 交换2个变量的值
      let x = 1
      let y = 2
      ;[y, x] = [x, y]
      console.log(x, y)

      // 3. js 2个特殊情况需要加分号
      // 3.1 如果是小括号开头的则需要加分号
      (function () {})();
      // 3.2 如果是中括号开头的则需要加分号   
    </script>
  </body>
</html>
